import React, { useEffect, useState } from 'react'
import Item from './Item'
import PubSub from 'pubsub-js'
export default function List() {
  //初始化一个state 保存订阅回来的数据,当订阅回来以后,数据改变,视图重新渲染
  const [searchList, setSearchList] = useState([]);
  //初始化订阅
  useEffect(() => {
    PubSub.subscribe('github', (_, data) => {
      //console.log(data);
      //获取到订阅的值 放入state中
      setSearchList(data.data.items)
    })
  }, [])
  return (
    <div className="row">
      {
        searchList.map(item => {
          return <Item key={item.id} {...item}/>
        })
      }
    </div>
  )
}
